<!doctype html>
<html>
<head>
    <meta charset="utf-8">

    <title>Index</title>
	<link rel="stylesheet" href="style.css" />
	<script src="javascripts/jquery-1.6.min.js"></script>
	<script src="javascripts/jquery.tmpl.min.js"></script>
	<script src="model/data_cache.js"></script>
	<script src="model/memo.js"></script>
	<script src="helper/memo_helper.js"></script>
	<script src="script.js"></script>
</head>
<body>
	<div id=wrapper>
		<header>
			<h1>Offline Memo sample</h1>
		</header>
		<nav>
			<input type=button id=btncreate value=" 新規作成 ">
		</nav>
		<div id=contents>
		</div>
	
	</div>

<!--
	以下、テンプレート
-->
<script id="memoTemplate" type="text/x-jquery-tmpl">
	<section class="${selected}" data-id="${id}">
		<div class=title>
			<div class=r><input type=button class=btnremove data-id="${id}" value="削除"></div>
			<a href="${lhash}"><h2 class=edit data-id="${id}" data-prop=title contenteditable=true>${title}</h2></a>
			<div class=c></div>
		</div>
		<div class=memo>
			<div class=op>
				<div class="tag l">
					タグ:<span class=edit data-id="${id}" data-prop=tag contenteditable=true>${tag}</span>
				</div>
				<div class=c></div>
			</div>
			<p class=edit data-id="${id}" data-prop=body contenteditable=true>
				{{html body}}
			</p>
			<div class=op>
				<div class="last_update r">
					最終更新日:<span>${last_update}</span>
				</div>
				<div class="created_at r">
					作成日時:<span>${created_at}</span>
				</div>
				<div class=c></div>
			</div>
		</div>
	</section>
</script>
    
</body>
</html>
